<%@ Page Language="C#" MasterPageFile="~/MainMaster.master" AutoEventWireup="true"
    CodeFile="Topics.aspx.cs" Inherits="Community_Topics" Title="Post topic" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainTable" runat="Server">
    <style>
        .alphalink:link, .alphalink:visited, .alphalink1:link, .alphalink1:visited{background-image:url(../images/tab-nor.gif); 

background-repeat:no-repeat; background-position:left; width:18px; height:24px; display:block; text-align:center; color:#000; 

text-decoration:none; line-height:24px; float:left;}
.alphalink:hover, .alphalink1:hover{background-image:url(../images/tab-h.gif); display:block; color:#fff; 

text-decoration:none;}
.alphalink1:visited, .alphalink1:link{background-image:url(../images/tab-h.gif);color:#fff;}
.alphalink1:hover{background-image:url(../images/tab-nor.gif);color:#000}
        .maintab:link, .maintab:visited
{
	background-image:url(../images/maintab-h.gif); background-repeat:no-repeat;
	 background-position:left; width:80px; height:24px; display:block; text-align:center; 
	 color:#fff; text-decoration:none; line-height:24px; float:left;}
.maintab:hover{background-image:url(../images/maintab-nor.gif); display:block; color:#000; text-decoration:none;
	}
.maintabh:link, .maintabh:visited
{
	 background-image:url(../images/maintab-nor.gif);background-repeat:no-repeat;
	 background-position:left; width:80px; height:24px; display:block; text-align:center; 
	 color:#000; text-decoration:none; line-height:24px; float:left;}
.maintabh:hover{background-image:url(../images/maintab-h.gif); display:block; color:#fff; text-decoration:none;
	}
.maintab1:link, .maintab1:visited{background-image:url(../images/maintab1-h.gif); background-repeat:no-repeat; background-position:left; width:100px; height:24px; display:block; text-align:center; color:#fff; text-decoration:none; line-height:24px; float:left;}
.maintab1:hover{background-image:url(../images/maintab1-nor.gif); display:block; color:#000; text-decoration:none;}
.maintab2:link, .maintab2:visited{background-image:url(../images/maintab1-nor.gif); background-repeat:no-repeat; background-position:left; width:100px; height:24px; display:block; text-align:center; color:#000; text-decoration:none; line-height:24px; float:left;}
.maintab2:hover{background-image:url(../images/maintab1-h.gif); display:block; color:#fff; text-decoration:none;}

    </style>
    <div class="heading_inner">
        <div class="heading_topic">
            <h2>Welcome to our community</h2>
            <h4>Select a topic below to join discussions, share stories and find people like you.</h4>
        </div>
    </div>

    <div class="cl"></div>

    <!--**Content 1 Starts Here**-->

    <div class="formnew_left" style="border-right: solid 1px #f4f4f4;">
        <br /><br />
        <table cellspacing="0" cellpadding="0" width="100%" border="0">
            <tbody>
                <tr>
                    <td align="right" colspan="2">&nbsp;</td>
                </tr>
                <tr>
                    <td valign="top" align="right">
                        <table cellspacing="0" cellpadding="0" width="650px" align="center" border="0" onactivate="changstyle()">
                           

                                <tr>
                                    <td style="width: 650px">
                                        <table border="0" cellspacing="0" cellpadding="0" width="649px">
                                            <tr>
                                                <td style="width: 80px;">
                                                    <a href="<%=Session["strHttp"]%>Community/Topics.aspx" id="lnk1" onclick="changstyle(this)" class="maintab">Most Active </a>
                                                </td>
                                                <td style="background-image: url(<%=Session["strHttp"]%>images/rightsep.gif); background-repeat: no-repeat; background-position: right; width: 469px;float: left;">
                                                    <a href="<%=Session["strHttp"]%>Community/Topics.aspx?tab=a" id="a1" class="alphalink1">A</a><a href="<%=Session["strHttp"]%>Community/Topics.aspx?tab=b" id="b1" class="alphalink1">B</a><a href="<%=Session["strHttp"]%>Community/Topics.aspx?tab=c" id="c1" class="alphalink1">C</a><a href="<%=Session["strHttp"]%>Community/Topics.aspx?tab=d" id="d1" class="alphalink1">D</a><a href="<%=Session["strHttp"]%>Community/Topics.aspx?tab=e" id="e1" class="alphalink1">E</a><a href="<%=Session["strHttp"]%>Community/Topics.aspx?tab=f" id="f1" class="alphalink1">F</a><a href="<%=Session["strHttp"]%>Community/Topics.aspx?tab=g" id="g1" class="alphalink1">G</a><a href="<%=Session["strHttp"]%>Community/Topics.aspx?tab=h" id="h1" class="alphalink1">H</a><a href="<%=Session["strHttp"]%>Community/Topics.aspx?tab=i" id="i1" class="alphalink1">I</a><a href="<%=Session["strHttp"]%>Community/Topics.aspx?tab=j" id="j1" class="alphalink1">J</a><a href="<%=Session["strHttp"]%>Community/Topics.aspx?tab=k" id="k1" class="alphalink1">K</a><a href="<%=Session["strHttp"]%>Community/Topics.aspx?tab=l" id="l1" class="alphalink1">L</a><a href="<%=Session["strHttp"]%>Community/Topics.aspx?tab=m" id="m1" class="alphalink1">M</a><a href="<%=Session["strHttp"]%>Community/Topics.aspx?tab=n" id="n1" class="alphalink1">N</a><a href="<%=Session["strHttp"]%>Community/Topics.aspx?tab=o" id="o1" class="alphalink1">O</a><a href="<%=Session["strHttp"]%>Community/Topics.aspx?tab=p" id="p1" class="alphalink1">P</a><a href="<%=Session["strHttp"]%>Community/Topics.aspx?tab=q" id="q1" class="alphalink1">Q</a><a href="<%=Session["strHttp"]%>Community/Topics.aspx?tab=r" id="r1" class="alphalink1">R</a><a href="<%=Session["strHttp"]%>Community/Topics.aspx?tab=s" id="s1" class="alphalink1">S</a><a href="<%=Session["strHttp"]%>Community/Topics.aspx?tab=t" id="t1" class="alphalink1">T</a><a href="<%=Session["strHttp"]%>Community/Topics.aspx?tab=u" id="u1" class="alphalink1">U</a><a href="<%=Session["strHttp"]%>Community/Topics.aspx?tab=v" id="v1" class="alphalink1">V</a><a href="<%=Session["strHttp"]%>Community/Topics.aspx?tab=w" id="w1" class="alphalink1">W</a><a href="<%=Session["strHttp"]%>Community/Topics.aspx?tab=x" id="x1" class="alphalink1">X</a><a href="<%=Session["strHttp"]%>Community/Topics.aspx?tab=y" id="y1" class="alphalink1">Y</a><a href="<%=Session["strHttp"]%>Community/Topics.aspx?tab=z" id="z1" class="alphalink1">Z</a></td>
                                                <script>
                                                    var strid = document.URL;
                                                    strid = strid.substring(strid.length, (strid.indexOf('=')) + 1);
                                                    if (strid.length == 0 || strid.length >= 2) document.getElementById("lnk1").className = "maintabh";
                                                    document.getElementById(strid + "1").className = "alphalink";
                                                </script>
                                            </tr>
                                        </table>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="bodytxt" style="width: 650px;" align="left">
                                        <table cellspacing="0" cellpadding="0" width="649px" bgcolor="#f4f4f4" border="0">
                                            <tbody>
                                                <tr>
                                                    <td class="bodytxt" style="border-left: #e0e0e0 1px solid">&nbsp;</td>
                                                    <td class="bodytxt" align="center">&nbsp;</td>
                                                    <td class="bodytxt" style="border-right: #e0e0e0 1px solid">&nbsp;</td>
                                                </tr>
                                                <tr>
                                                    <td class="bodytxt" style="border-left: #e0e0e0 1px solid" style="width: 8px;">
                                                        <img height="8" alt="" src="<%=Session["strHttp"]%>images/spacer.gif" width="8"></td>
                                                    <td class="bodytxt" align="center">
                                                        <table width="100%" border="0" cellspacing="0" cellpadding="0" style="background-color: #fff;">
                                                            <tr>
                                                                <td width="7">
                                                                    <img src="<%=Session["strHttp"]%>images/lt.gif" alt="" width="7" height="7"></td>
                                                                <td style="border-top: 1px solid #eaeaea;">
                                                                    <img src="<%=Session["strHttp"]%>images/spacer.gif" alt="" width="1" height="1"></td>
                                                                <td width="7">
                                                                    <img src="<%=Session["strHttp"]%>images/lr.gif" alt="" width="7" height="7"></td>
                                                            </tr>
                                                            <tr>
                                                                <td style="border-left: 1px solid #eaeaea;">
                                                                    <img src="<%=Session["strHttp"]%>images/spacer.gif" alt="" width="1" height="1"></td>
                                                                <td style="text-align: left;">
                                                                    <asp:DataList ID="dlistTopic" runat="Server" DataKeyField="Id" RepeatColumns="4"
                                                                        RepeatDirection="Horizontal" OnItemCommand="dlistTopic_ItemCommand">
                                                                        <HeaderTemplate>
                                                                            <table width="100%" border="0" cellspacing="2" cellpadding="5">
                                                                                <tr>
                                                                        </HeaderTemplate>
                                                                        <ItemTemplate>

                                                                            <td valign="top">
                                                                                <asp:LinkButton CommandName="Go" CommandArgument='<%#Bind("Id")%>' ID="LinkButton1"
                                                                                    runat="server" Text='<%# Bind("TopicName") %>'></asp:LinkButton>
                                                                            </td>

                                                                        </ItemTemplate>
                                                                        <FooterTemplate>
                                                                            </tr>
                                                                        <%--<tr>
                                                                            <td colspan="4" style="border-bottom: 1px solid #eaeaea;">
                                                                                <img src="<%=Session["strHttp"]%>images/spacer.gif" alt="" width="1" height="1"></td>
                                                                        </tr>--%>
                                                                            <!--here we have to impliment cusotme paging -->
                                                                            </table>
                                                                        </FooterTemplate>
                                                                    </asp:DataList></td>
                                                                <td style="border-right: 1px solid #eaeaea;">
                                                                    <img src="<%=Session["strHttp"]%>images/spacer.gif" alt="" width="1" height="1"></td>
                                                            </tr>
                                                            <tr>
                                                                <td>
                                                                    <img src="<%=Session["strHttp"]%>images/lb.gif" alt="" width="7" height="7"></td>
                                                                <td style="border-bottom: 1px solid #eaeaea;">
                                                                    <img src="<%=Session["strHttp"]%>images/spacer.gif" alt="" width="1" height="1"></td>
                                                                <td width="7">
                                                                    <img src="<%=Session["strHttp"]%>images/rb.gif" alt="" width="7" height="7"></td>
                                                            </tr>
                                                        </table>
                                                    </td>
                                                    <td class="bodytxt" style="border-right: #e0e0e0 1px solid" style="width: 8px;">
                                                        <img height="8" alt="" src="<%=Session["strHttp"]%>images/spacer.gif" width="8"></td>
                                                </tr>
                                                <tr>
                                                    <td class="bodytxt" style="border-left: #e0e0e0 1px solid; border-bottom: #e0e0e0 1px solid">&nbsp;</td>
                                                    <td class="bodytxt" align="center" style="border-bottom: #e0e0e0 1px solid">&nbsp;</td>
                                                    <td class="bodytxt" style="border-right: #e0e0e0 1px solid; border-bottom: #e0e0e0 1px solid">&nbsp;</td>
                                                </tr>
                                            </tbody>
                                        </table>

                                    </td>
                                </tr>
                                <tr>
                                    <td align="right" colspan="2">

                                        <!-- End Banner -->
                                    </td>
                                </tr>
                            
                        </table>
                    </td>
                </tr>
            </tbody>
        </table>
    </div>

</asp:Content>
